<template>
  <!--模板 -->
  <el-container>
    <el-header>
      <h3>订单管理</h3>
      <el-divider />
    </el-header>

    <el-main>
      <el-button @click="methods.receiptFormat()">订单格式</el-button>
    </el-main>

    <el-footer>
      <el-divider />
    </el-footer>
  </el-container>
</template>
<script lang="tsx" setup>
//逻辑
//import { reactive } from 'vue';
//const state=reactive({
//data: {

//}})
import useSysStore from "@/stores/index";
import et from "@/utils/et";
const sysStore = useSysStore();
const titles = [
  "日期",
  "客户名",
  "序号",
  "商品名称",
  "规格",
  "单位",
  "单价",
  "金额",
  "备注",
];
// const state = reactive({
//   titles: ,
// });

const methods = {
  receiptFormat() {
    et.sheetSelectAddTitle("订单录入", "a2", titles);
    et.rangeAlign("订单录入", "a2:z2", "center");
    // console.log(state.titles);
    // state.title = sysStore.title;
  },
};
</script>
<style lang="scss" scoped>
//样式
.el-container {
  height: 100vh;
}
.el-header {
  background-color: #0b8c4b;
  color: white;
  padding: 0 0 0 0;
}
.el-aside {
  background-color: cyan;
}
.el-footer {
  background-color: aquamarine;
}
</style>
